<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>adverisement of activity</title>
        <link rel="stylesheet" type="text/css" href="./css/main.css">
    </head>
    <body>
        <div class="wrap">
            <!-- 头部Banner -->
            <div class="topBanner">
            <!-- 这个链接是指向活动的 -->
                <a id="award" href="#" data-params="0,0,0,0,0"><img src="./image/topBanner.jpg" alt="头部Banner图片"></a>
            </div>
            <!-- 新用户专区 -->
            <div class="newUser">
                <a href="" data-params="0,0,0,107,0"><img src="./image/newUser.png" alt="新手专区"></a>
            </div>
            <!-- 热销推荐 -->
            <div class="firstAd">
                <div class="firstAd-title">
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/firstAd.png" alt="热销推荐标题"></a>
                </div>
                <div class="firstAd-content">
                    <a href="#"  data-params="40479,0,0,0,0"><img src="./image/firstAd-1.jpg" alt="热销区第一个商品"></a>
                    <a href="#"  data-params="3236,0,0,0,0"><img src="./image/firstAd-2.jpg" alt="热销区第二个商品"></a>
                    <a href="#" data-params="31250,0,0,0,0"><img src="./image/firstAd-3.jpg" alt="热销区第三个商品"></a>
                </div>
            </div>
            <!-- 美味生鲜 -->
            <div class="secondAd">
                <div class="secondAd-title">
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/secondAd.png" alt="美味生鲜标题"></a>
                </div>
                <div class="secondAd-content">
                    <a href="" data-params="0,363,0,0,0"><img src="./image/secondAd-1.png" alt="蔬菜区"></a>
                    <a href="" data-params="0,362,0,0,0"><img src="./image/secondAd-2.png" alt="水果区"></a>
                    <a href="" data-params="0,364,0,0,0"><img src="./image/secondAd-3.png" alt="肉类区"></a>
                </div>
            </div>
            <!-- 每日惊喜价 -->
            <div class="evwerySurprise">
                <div class="evwerySurprise-title">
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/everydaySurprise.png" alt="每日惊喜价标题"></a>
                </div>
                <div class="evwerySurprise-content">
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/everydaySurprise-1.jpg" alt="左边每日惊喜价"></a>
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/everydaySurprise-2.jpg" alt="右边每日惊喜价"></a>
                </div>
            </div>
            <!-- 满减专区 -->
            <div class="thirdAd">
                <div class="thirdAd-title">
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/thirdAd.png" alt="满减专区"></a>
                </div>
                <div class="thirdAd-content">
                    <a href="#" data-params="0,696,0,0,0"><img src="./image/thirdAd-1.png" alt="早餐计划"></a>
                    <a href="#" data-params="0,699,0,0,0"><img src="./image/thirdAd-2.png" alt="午餐计划"></a>
                    <a href="#" data-params="0,702,0,0,0"><img src="./image/thirdAd-3.png" alt="晚餐计划"></a>
                    <a href="#" data-params="0,705,0,0,0"><img src="./image/thirdAd-4.png" alt="日化嗨购"></a>
                </div>
            </div>
            <!-- 活动专区 -->
            <div class="forthAd">
                <div class="forthAd-title">
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/fourthAd.png" alt="满减专区"></a>
                </div>
                <div class="forthAd-content">
                    <a href="#" data-params="0,0,0,0,0"><img src="./image/fourthAd-1.png" alt="啤酒节"></a>
                    <a href="#" data-params="0,709,0,0,0"><img src="./image/fourthAd-2.png" alt="贴秋膘"></a>    
                </div>
            </div>
        </div>
        <script src="./js/jquery-3.1.1.min.js"></script>
        <script src="./js/index.js"></script>
    </body>
</html>